<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"  isELIgnored="true"%>
<%@taglib uri="/WEB-INF/c.tld" prefix="c"%>
<%@ include file="/skin.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:form="form">
<head>
<!--框架必需start-->
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/jquery.js"></script>
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/language/cn.js"></script>
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/framework.js"></script>
<link href="<c:out value='${sessionScope.libs}'/>/css/import_basic.css" rel="stylesheet" type="text/css"/>
<link rel="stylesheet" type="text/css" id="skin" prePath="<c:out value='${sessionScope.contextPath}'/>/"/>
<link rel="stylesheet" type="text/css" id="customSkin"/>
<!--框架必需end-->
<!--组织机构树必需start-->
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/diagram/go.js"></script>
<script type="text/javascript" src="<c:out value='${sessionScope.libs}'/>/js/diagram/organization.js"></script> 
<!--组织机构树必需end-->
<script type="text/javascript">
 $(function () {
    // 在此处创建组织机构信息模型
    var nodeDataArray = [
      { key: 0, name: "董事长" },
        { key: 1, parent: 0, name: "总经理"},
        	{ key: 2, parent: 1, name: "销售副总经理"},
        		{ key: 8, parent: 2, name: "营销部"},
        		{ key: 9, parent: 2, name: "售后服务部"},
        		{ key: 10, parent: 2, name: "市场部"},
        	{ key: 3, parent: 1, name: "总经济师"},
    			{ key: 11, parent: 3, name: "财务部"},
    			{ key: 12, parent: 3, name: "供应部"},        		
        	{ key: 4, parent: 1, name: "总工程师"},
				{ key: 13, parent: 4, name: "技术部"},
				{ key: 14, parent: 4, name: "研发部"},
			{ key: 5, parent: 1, name: "人力资源部"},
			{ key: 6, parent: 1, name: "行政部"},
			{ key: 7, parent: 1, name: "生产副总经理"},
				{ key: 15, parent: 7, name: "生产部"},
				{ key: 16, parent: 7, name: "质检部"}
    ];
    /**
     * 调用组织机构树初始化函数
     * diagram为 组织机构树所在div的id
     * nodeDataArray若为JSON对象，需用JSON.stringify()将JSON对象转为JSON格式的字符串
     **/
	initOrgConfig("diagram",JSON.stringify(nodeDataArray));
  }
 );  
</script>
</head>
<body >
<div>
  <div id="diagram" style="background-color: white;  width: 100%; height: 600px"></div>
</div>
</body>
</html>